<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=5.0" charset="UTF-8">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		
		<link type="text/css" rel="stylesheet" href="../css/model/bootstrap.css"  />
		<link type="text/css" rel="stylesheet" href="../css/layui.css" />
		<link type="text/css" rel="stylesheet" href="../css/top.css" />
		<link type="text/css" rel="stylesheet" href="../css/yaoqing.css"/>
	
		<script type="text/javascript" src='../js/model/jquery-2.1.4.min.js'></script>
		<script type="text/javascript" src="../js/model/bootstrap.js"></script>
		<script type="text/javascript" src="../js/model/reset_font.js"></script>
		<script type="text/javascript" src="../js/layer/layer.js"></script>
		
		
		<script>
			window.onload=function(){
				$("body").css("opacity",1);
			}
		</script>
	</head>
	<body style="opacity:0">
		<div class="top">
			<a href="zjf.html" class="goback">
				<img src="../images/icons/goback1.png"  />
			</a>
			<span>邀请好友</span>
		</div>
		<div class="main">
			<div class="main_title">我的邀请码</div>
			<div class="main_yqm" id="yqm"></div>
			<div class="main_text">邀请好友，一起体验共享阅读</div>
			<div class="line"></div>
			<div class="fenxiang">分享</div>
			<div class="main_pics">
				<span class="img wx">
					<img src="../images/yaoqing/wx.png" class="wxPic" />
				</span>
				<span class="img frinds">
					<img src="../images/yaoqing/friends.png" class="frindsPic" />
				</span>
				
				
			</div>
			<div class="main_more">
				<a href="yxgz.html">
					查看详细规则
				</a>
			</div>
		</div>
		<div class="footer">
			奖励<span class="money">5.0</span>元，会员<span class="person">1</span>人，已注册<span class="register">1</span>人
			<a class="scan" href="myshare.html">
				查看<img src="../images/yaoqing/arrow_r_w.png"/>
			</a>
		</div>
		
		<div class='share'>
			<img src="../images/yaoqing/share.png" class="share_img" />
		</div>
		<script>
			$(function(){
				init();
				
				
				$(".main_more a").on("touchstart",function(){
//					$(this).css("opacity",0.5);
					$(this).css("color","rgba(136,136,136,0.5)").css("background","#f3f3f3");
				})
				$(".main_more a").on("touchend",function(){
//					$(this).css("opacity",1);
					$(this).css("color","rgba(136,136,136,1)");
				})
				$(".scan").on("touchstart",function(){
					$(this).css("background","#FE8401");
				})
				$(".scan").on("touchend",function(){
					$(this).css("background","#FD9700");
				})
				
				$(".wx").on("touchstart",function(){
					$(this).css("background","#f5f5f5");
				})
				
				$(".wx").on("touchend",function(){
					$(this).css("background","#FFFFFF");
				})
				
				$(".frinds").on("touchstart",function(){
					$(this).css("background","#f5f5f5");
					
				})
				
				$(".wx").click(function(){
					$(".share").show();
				})
				$(".frinds").click(function(){
					$(".share").show();
					
				})
				$(".share").click(function(){
					$(".share").hide();
				})
				$(".frinds").on("touchend",function(){
					$(this).css("background","#FFFFFF");
				})
				
			})
			function init(){
				$(".share").hide();
			}
		</script>
		
		<script id="tpl" type="text/html">
	        <%=1234567123456%>
		</script>
		<script type="text/javascript" src="../js/model/template.js"></script>
		<script>
		   
		    var tpl = template(document.getElementById('tpl').innerHTML);
		    var html = tpl();
		    document.getElementById('yqm').innerHTML = html;
		
		</script>
	</body>
</html>
